<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>修饰符.number</title>
<!--引入Vue库-->
<script src="vue.js"></script>
</head>
<body>	
<div id="app">
  <div>
    <input v-model="num1" type="number">
    <span>数据类型为：{{ type1 }}</span>
    <p>普通方式输入的购买数量: {{ num1 }}</p>    
  </div>
  <div>
    <input v-model.number="num2" type="number">
    <span>数据类型为：{{ type2 }}</span>
    <p>number修饰符方式输入的购买数量: {{ num2 }}</p>    
  </div>
</div>
<script>
var example = new Vue({
  el: '#app',
  data:{
    num1:'',
    num2:''
  },
  computed:{
    type1:function(){
      return typeof(this.num1)
    },
    type2:function(val){
      return typeof(this.num2)
    },
  }
})
</script>
</body>
</html>
